// 深色主题header及内部按钮样式
ion-toolbar.dark-bar {
  --color: var(--custom-color-white);
  --background: var(--ion-color-dark-tint);
  ion-button {
    --color: var(--custom-color-white);
    --color-activated: var(--custom-color-white);
    --color-focused: var(--custom-color-white);
    font-size: 16px;
  }
  ion-title {
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: normal;
  }
}

ion-content {
  // 内容区域深色背景
  --background: var(--ion-color-dark-tint);
  // 卡背景色及圆角
  article {
    border-radius: 6px;
    background: linear-gradient(to right, #F39360, #F37938);
    header, footer {
      letter-spacing: 1px;
      a {
        color: var(--custom-color-white);
      }
    }
  }
}
